<template>
	<div style="width: 100%;">
		<div style="width: 100%;display: flex;">
			<div style="background: #E4ECF6;flex: 1;padding: 20px;border-radius: 8px;margin-right: 10px">
				<div style="font-size: 16px;font-weight: bold;margin-bottom: 10px;">总览</div>
				<div id="main1" style="width: 100%;height: 220px;margin: 0 auto;"></div>

				<div>
					<span>总数据源：</span>
					<span class="font16 color-primary">12333</span>
				</div>
			</div>

			<div style="flex:1" class="mr10">
				<div>
					<div class="mb10">废气</div>

					<div class="bgfff pad10 bra8 mb10">
						<div class="mb10" style="display: flex;justify-content: space-between;">
							<div>
								<div class="mb10">在线监测</div>
								<div class="mb10">
									<div>{{dataList1.onlineMonitor.hourPercent || '--'}}%</div>
									<div>小时数据达标</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.onlineMonitor.dayPercent || '--'}}%</div>
									<div>日数据达标</div>
								</div>

								<div>
									数据源：{{dataList1.onlineMonitor.dataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">自行监测</div>
								<div class="mb10">
									<div>{{dataList1.selfMonitor.completePercent || '--'}}%</div>
									<div>自行监测完成率</div>
								</div>
								<div>
									<div>{{dataList1.selfMonitor.normalPercent || '--'}}%</div>
									<div>自行监测达标率</div>
								</div>
							</div>
						</div>
					</div>

					<div class="bgfff pad10 bra8 mb10">
						<div class="mb10">巡检制度</div>
						<div style="display: flex;justify-content: space-between;">
							<div>
								<div class="mb10">
									<div>{{dataList1.inspect.planPercent || '--'}}%</div>
									<div>设备覆盖率</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.inspect.avgPlan || '--'}}%</div>
									<div>每台设备日均巡检</div>
								</div>
								<div>
									数据源：{{dataList1.inspect.planDataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.inspect.completePercent || '--'}}%</div>
									<div>巡检完成率</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.inspect.normalPercent || '--'}}%</div>
									<div>巡检质量合格率</div>
								</div>
								<div>
									数据源：{{dataList1.inspect.inspectDataNum || '--'}}组
								</div>
							</div>
						</div>
					</div>

					<div class="bgfff pad10 bra8">
						<div class="mb10">基本制度</div>
						<div style="display: flex;justify-content: space-between;">
							<div>
								<div class="mb10">
									<div>{{dataList1.doc.completePercent || '--'}}%</div>
									<div>基本制度文件完整性</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.doc.commentPercent || '--'}}%</div>
									<div>基本制度文件评价率</div>
								</div>
								<div>
									数据源：{{dataList1.doc.dataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.doc.emergencyPercent || '--'}}%</div>
									<div>应急管理</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.doc.planCompletePercent || '--'}}%</div>
									<div>计划覆盖完整性</div>
								</div>
								<!-- <div>
									数据源：{{dataList1.inspect.inspectDataNum || '--'}}组
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>

			<div style="flex:1">
				<div>
					<div class="mt28"></div>
					<div class="bgfff pad10 bra8 mb10">
						<div class="displayFlexBet mb10">
							<div>
								<div class="mb10">处理设施运行</div>
								<div class="mb10">
									<div>{{dataList1.defRun.normalPercent || '--'}}%</div>
									<div>稳定运行达成率</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.defRun.normalPercent || '--'}}%</div>
									<div>运行时长合理性比率</div>
								</div>
								<div>
									数据源：{{dataList1.defRun.dataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.defRun.materialUseGrade || '--'}}</div>
									<div>药剂使用规范评估</div>
								</div>
								<div>
									<div>{{dataList1.defRun.dcsPercent || '--'}}%</div>
									<div>DCS接入率</div>
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.defRun.repairPercent || '--'}}%</div>
									<div>检修执行效率</div>
								</div>
								<div>
									<div>{{dataList1.defRun.autoMonitorPercent || '--'}}%</div>
									<div>自动监测覆盖</div>
								</div>
							</div>
						</div>
					</div>

					<div class="bgfff pad10 bra8 mb10">
						<div class="mb10">台账制度</div>
						<div style="display: flex;justify-content: space-between;">
							<div>

								<div class="mb10">
									<div>{{dataList1.stdBook.completePercent || '--'}}%</div>
									<div>台账完成率</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.stdBook.timelyPercent || '--'}}%</div>
									<div>台账完成及时率</div>
								</div>
								<div>
									数据源：{{dataList1.stdBook.dataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.stdBook.sourcePercent || '--'}}</div>
									<div>台账可溯源性</div>
								</div>
								<div>
									<div>{{dataList1.stdBook.checkPercent || '--'}}%</div>
									<div>台账复核率</div>
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.defRun.normalPercent || '--'}}%</div>
									<div>台账正常率</div>
								</div>
							</div>
						</div>
					</div>

					<div class="bgfff pad10 bra8">
						<div class="mb10">预警、问题处理评价</div>
						<div style="display: flex;justify-content: space-between;">
							<div>

								<div class="mb10">
									<div>{{dataList1.warning.warningCompletePercent || '--'}}%</div>
									<div>预警解决率</div>
								</div>
								<div class="mb10">
									<div>{{dataList1.warning.problemCompletePercent || '--'}}%</div>
									<div>问题解决率</div>
								</div>
								<div>
									数据源：{{dataList1.warning.dataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.warning.hourClaimPercent || '--'}}</div>
									<div>预警小时响应率</div>
								</div>
								<div>
									<div>{{dataList1.warning.daySolvedPercent || '--'}}%</div>
									<div>问题不过日效率</div>
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList1.warning.warningRepeatPercent || '--'}}%</div>
									<div>预警复发性</div>
								</div>
								<div>
									<div>{{dataList1.warning.warningRepeatPercent || '--'}}%</div>
									<div>问题复发性</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>


		<div class="mt10" style="display:flex;align-items: stretch;">
			<div style="flex: 1;" class="mr10">
				<div class="font15 mb10">危险废物</div>
				<div style="display: flex;" class="bgfff bra8 pad10">
					<div style="flex: 1;" class="mr20">
						<div class="displayFlexBet mb10">
							<div style="flex: 1;">
								<div class="mb5">{{dataList2.inStoragePercent}}%</div>
								<div>申报入库</div>
							</div>
							<div style="flex: 1;">
								<div class="mb5">{{dataList2.disposeUsagePercent}}%</div>
								<div>资源化利用率</div>
							</div>
						</div>

						<div class="displayFlexBet mb10">
							<div class="flex1">
								<div class="mb5">{{dataList2.disposeTimelyPercent}}%</div>
								<div>按期处置率</div>
							</div>
							<div class="flex1">
								<div class="mb5">{{dataList2.autoManage?'是':'否'}}</div>
								<div>智能化管理</div>
							</div>
						</div>

						<div class="displayFlexBet mb10">
							<div>
								<div class="mb5">{{dataList2.storageNormalPercent}}%</div>
								<div>适度贮存率</div>
							</div>
						</div>

						<div class="displayFlexBet">
							数据源：{{dataList2.dataNum}}组
						</div>
					</div>
					<div style="flex: 1;">
						<div class="mb10 font14">
							规范化管理
							<span class="font12 color-info">（{{dataList2.examine.totalScore}}）</span>
						</div>
						<div v-for="(item,index) in dataList2.examine.list" :key="index" class="mb10 displayFlexBet">
							<div>{{item.tagName}}</div>
							<div>{{item.score}}</div>
						</div>
					</div>
				</div>
			</div>
			<div style="flex: 1;">
				<div class="font15 mb10">一般工业固废</div>
				<div style="display: flex;" class="bgfff bra8 pad10">
					<div style="flex: 1;" class="mr20">
						<div class="displayFlexBet mb10">
							<div style="flex: 1;">
								<div class="mb5">{{dataList3.stdBookPercent}}%</div>
								<div>台账完整度</div>
							</div>
							<div style="flex: 1;">
								<div class="mb5">{{dataList3.disposePercent}}%</div>
								<div>处置率</div>
							</div>
							<div style="flex: 1;">
								<div class="mb5">{{dataList3.disposeUsagePercent}}%</div>
								<div>资源化利用率</div>
							</div>
						</div>

						<div class="displayFlexBet mb10">
							<div class="flex1">
								<div class="mb5">{{dataList3.docCompletePercent}}%</div>
								<div>基本制度完善率</div>
							</div>
						</div>

						<div class="displayFlexBet">
							数据源：{{dataList3.dataNum}}组
						</div>
					</div>
				</div>
			</div>
		</div>


		<div class="mt10">
			<div class="mb10">废水</div>

			<div class="displayFlexBet mb10" style="align-items: stretch">
				<div class="bgfff pad10 bra8 flex1 mr10">
					<div class="mb10" style="display: flex;justify-content: space-between;">
						<div>
							<div class="mb10">在线监测</div>
							<div class="mb10">
								<div>{{dataList4.onlineMonitor.hourPercent || '--'}}%</div>
								<div>小时数据达标</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.onlineMonitor.dayPercent || '--'}}%</div>
								<div>日数据达标</div>
							</div>

							<div>
								数据源：{{dataList4.onlineMonitor.dataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb10">自行监测</div>
							<div class="mb10">
								<div>{{dataList4.selfMonitor.completePercent || '--'}}%</div>
								<div>自行监测完成率</div>
							</div>
							<div>
								<div>{{dataList4.selfMonitor.normalPercent || '--'}}%</div>
								<div>自行监测达标率</div>
							</div>
						</div>
					</div>
				</div>

				<div class="bgfff pad10 bra8 flex1 mr10">
					<div class="displayFlexBet">
						<div>
							<div class="mb10">处理设施运行</div>
							<div class="mb10">
								<div>{{dataList4.defRun.normalPercent || '--'}}%</div>
								<div>稳定运行达成率</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.defRun.normalPercent || '--'}}%</div>
								<div>运行时长合理性比率</div>
							</div>
							<div>
								数据源：{{dataList4.defRun.dataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.defRun.materialUseGrade || '--'}}</div>
								<div>药剂使用规范评估</div>
							</div>
							<div>
								<div>{{dataList4.defRun.dcsPercent || '--'}}%</div>
								<div>DCS接入率</div>
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.defRun.repairPercent || '--'}}%</div>
								<div>检修执行效率</div>
							</div>
							<div>
								<div>{{dataList4.defRun.autoMonitorPercent || '--'}}%</div>
								<div>自动监测覆盖</div>
							</div>
						</div>
					</div>
				</div>

				<div class="bgfff pad10 bra8 flex1">
					<div class="mb10">基本制度</div>
					<div style="display: flex;justify-content: space-between;">
						<div>
							<div class="mb10">
								<div>{{dataList4.doc.completePercent || '--'}}%</div>
								<div>基本制度文件完整性</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.doc.commentPercent || '--'}}%</div>
								<div>基本制度文件评价率</div>
							</div>
							<div>
								数据源：{{dataList4.doc.dataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.doc.emergencyPercent || '--'}}%</div>
								<div>应急管理</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.doc.planCompletePercent || '--'}}%</div>
								<div>计划覆盖完整性</div>
							</div>
							<!-- <div>
									数据源：{{dataList4.inspect.inspectDataNum || '--'}}组
								</div> -->
						</div>
					</div>
				</div>
			</div>

			<div class="displayFlexBet mb10" style="align-items: stretch">
				<div class="bgfff pad10 bra8 flex1 mr10">
					<div class="mb10">巡检制度</div>
					<div style="display: flex;justify-content: space-between;">
						<div>
							<div class="mb10">
								<div>{{dataList4.inspect.planPercent || '--'}}%</div>
								<div>设备覆盖率</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.inspect.avgPlan || '--'}}%</div>
								<div>每台设备日均巡检</div>
							</div>
							<div>
								数据源：{{dataList4.inspect.planDataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.inspect.completePercent || '--'}}%</div>
								<div>巡检完成率</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.inspect.normalPercent || '--'}}%</div>
								<div>巡检质量合格率</div>
							</div>
							<div>
								数据源：{{dataList4.inspect.inspectDataNum || '--'}}组
							</div>
						</div>
					</div>
				</div>

				<div class="bgfff pad10 bra8 flex1 mr10">
					<div class="mb10">台账制度</div>
					<div style="display: flex;justify-content: space-between;">
						<div>

							<div class="mb10">
								<div>{{dataList4.stdBook.completePercent || '--'}}%</div>
								<div>台账完成率</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.stdBook.timelyPercent || '--'}}%</div>
								<div>台账完成及时率</div>
							</div>
							<div>
								数据源：{{dataList4.stdBook.dataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.stdBook.sourcePercent || '--'}}</div>
								<div>台账可溯源性</div>
							</div>
							<div>
								<div>{{dataList4.stdBook.checkPercent || '--'}}%</div>
								<div>台账复核率</div>
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.defRun.normalPercent || '--'}}%</div>
								<div>台账正常率</div>
							</div>
						</div>
					</div>
				</div>

				<div class="bgfff pad10 bra8 flex1">
					<div class="mb10">预警、问题处理评价</div>
					<div style="display: flex;justify-content: space-between;">
						<div>

							<div class="mb10">
								<div>{{dataList4.warning.warningCompletePercent || '--'}}%</div>
								<div>预警解决率</div>
							</div>
							<div class="mb10">
								<div>{{dataList4.warning.problemCompletePercent || '--'}}%</div>
								<div>问题解决率</div>
							</div>
							<div>
								数据源：{{dataList4.warning.dataNum || '--'}}组
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.warning.hourClaimPercent || '--'}}</div>
								<div>预警小时响应率</div>
							</div>
							<div>
								<div>{{dataList4.warning.daySolvedPercent || '--'}}%</div>
								<div>问题不过日效率</div>
							</div>
						</div>

						<div>
							<div class="mb10">
								<div>{{dataList4.warning.warningRepeatPercent || '--'}}%</div>
								<div>预警复发性</div>
							</div>
							<div>
								<div>{{dataList4.warning.warningRepeatPercent || '--'}}%</div>
								<div>问题复发性</div>
							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="displayFlexBet mb10" style="align-items: stretch">
				<div class=" flex1 mr10">
					<div class="mb10">土壤</div>
					<div class="bgfff pad10 bra8">
						<div class="displayFlexBet">
							<div class="mb10">
								<div>{{dataList5.normalPercent || '--'}}%</div>
								<div>监测完成率</div>
							</div>
							<div class="mb10">
								<div>{{dataList5.completePercent || '--'}}%</div>
								<div>监测达标率</div>
							</div>
						</div>
						<div>
							数据源：{{dataList5.dataNum || '--'}}组
						</div>
					</div>
				</div>

				<div class=" flex1 mr10">
					<div class="mb10">噪音</div>
					<div class="bgfff pad10 bra8">
						<div class="displayFlexBet">
							<div class="mb10">
								<div>{{dataList6.normalPercent || '--'}}%</div>
								<div>监测完成率</div>
							</div>
							<div class="mb10">
								<div>{{dataList6.completePercent || '--'}}%</div>
								<div>监测达标率</div>
							</div>
						</div>
						<div>
							数据源：{{dataList6.dataNum || '--'}}组
						</div>
					</div>
				</div>

				<div class="flex1">
					<div class="mb10">环保档案资料</div>
					<div class="bgfff pad10 bra8">
						<div class="displayFlexBet">
							<div class="mb10">
								<div>{{dataList7.completePercent || '--'}}%</div>
								<div>完整度</div>
							</div>
							<div class="mb10">
								<div>{{dataList7.evaluatePercent || '--'}}%</div>
								<div>评价率</div>
							</div>
							<div class="mb10">
								<div>{{dataList7.qualityPercent || '--'}}%</div>
								<div>档案质量</div>
							</div>
						</div>
						<div>
							数据源：{{dataList7.dataNum || '--'}}组
						</div>
					</div>
				</div>
			</div>



			<div class="mt10">
				<div class="mb10">生产</div>

				<div class="displayFlexBet mb10" style="align-items: stretch">
					<div class="bgfff pad10 bra8 flex1 mr10">
						<div class="mb10">台账制度</div>
						<div style="display: flex;justify-content: space-between;">
							<div>
								<div class="mb10">
									<div>{{dataList8.sourcePercent || '--'}}%</div>
									<div>台账完成率</div>
								</div>
								<div class="mb10">
									<div>{{dataList8.timelyPercent || '--'}}%</div>
									<div>台账完成及时率</div>
								</div>
								<div>
									数据源：{{dataList8.dataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList8.sourcePercent || '--'}}</div>
									<div>台账可溯源性</div>
								</div>
								<div>
									<div>{{dataList8.checkPercent || '--'}}%</div>
									<div>台账复核率</div>
								</div>
							</div>
						</div>
					</div>

					<div class="bgfff pad10 bra8 flex2 mr10">
						<div class="displayFlexBet">
							<div>
								<div class="mb10">清洁生产</div>
								<div class="mb10">
									<div>{{dataList4.defRun.normalPercent || '--'}}%</div>
									<div>原料使用强度</div>
								</div>
								<div class="mb10">
									<div>{{dataList4.defRun.normalPercent || '--'}}%</div>
									<div>一般工业固废强度</div>
								</div>
								<div>
									数据源：{{dataList4.defRun.dataNum || '--'}}组
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList4.defRun.materialUseGrade || '--'}}</div>
									<div>能耗强度</div>
								</div>
								<div>
									<div>{{dataList4.defRun.dcsPercent || '--'}}%</div>
									<div>污水排放强度</div>
								</div>
							</div>

							<div>
								<div class="mb10">
									<div>{{dataList4.defRun.repairPercent || '--'}}%</div>
									<div>危废产生强度</div>
								</div>
								<div>
									<div>{{dataList4.defRun.autoMonitorPercent || '--'}}%</div>
									<div>生产连续性</div>
								</div>
							</div>
							<div>
								<div class="mb10">
									<div>{{dataList4.defRun.repairPercent || '--'}}%</div>
									<div>废气排放强度</div>
								</div>
								<div>
									<div>{{dataList4.defRun.autoMonitorPercent || '--'}}%</div>
									<div>自动化程度</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="bgfff pad10 bra8 flex1 mr10">
						<div class="mb10">清洁运输</div>
						<div style="display: flex;justify-content: space-between;">
							<div>
								<div class="mb10">
									<div>{{dataList9.carPercent || '--'}}%</div>
									<div>道路运输国六及新能源比率</div>
								</div>
								<div class="mb10">
									<div>{{dataList9.machineryPercent || '--'}}%</div>
									<div>非道路机械国六及新能源比率</div>
								</div>
								<div>
									数据源：{{dataList9.dataNum || '--'}}组
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import * as echarts from 'echarts';
	let that
	export default {
		data() {
			return {
				dataList1: {
					onlineMonitor: {},
					stdBook: {},
					defRun: {},
					inspect: {},
					doc: {},
					warning: {},
					selfMonitor: {}
				},
				dataList2: {
					examine: {
						list: []
					}
				},
				dataList3: {},
				dataList4: {
					onlineMonitor: {},
					stdBook: {},
					defRun: {},
					inspect: {},
					doc: {},
					warning: {},
					selfMonitor: {}
				},
				dataList5: {},
				dataList6: {},
				dataList7: {},
				dataList8: {},
				dataList9:{},
				
			}
		},
		created: function() {},
		mounted: function() {
			that = this
			that.getWaterRiskList()
			that.getGasData()
			that.getHwData()
			that.getSwData()
			that.getWaterData()
			that.getSoilData()
			that.getNoiseData()
			that.geDocData()
		},

		methods: {
			getTransportData() {
				that.ajax({
					url: 'oneMap/v2/getTransportData',
					contentType: 'application/json',
					data: JSON.stringify({
			
					}),
					success: function(result) {
						that.dataList9 = result.data
					},
				})
			},
			
			getProduceData() {
				that.ajax({
					url: 'oneMap/v2/getProduceData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList8 = result.data
					},
				})
			},


			geDocData() {
				that.ajax({
					url: 'oneMap/v2/geDocData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList7 = result.data
					},
				})
			},

			getNoiseData() {
				that.ajax({
					url: 'oneMap/v2/getNoiseData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList6 = result.data
					},
				})
			},

			getSoilData() {
				that.ajax({
					url: 'oneMap/v2/getSoilData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList5 = result.data
					},
				})
			},

			getWaterData() {
				that.ajax({
					url: 'oneMap/v2/getWaterData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList4 = result.data
					},
				})
			},

			getSwData() {
				that.ajax({
					url: 'oneMap/v2/getSwData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList3 = result.data
					},
				})
			},

			getHwData() {
				that.ajax({
					url: 'oneMap/v2/getHwData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList2 = result.data
					},
				})
			},
			getGasData() {
				that.ajax({
					url: 'oneMap/v2/getGasData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList1 = result.data
					},
				})
			},

			gotoPage(item, type) {
				console.log(item)
				let routerUrl = "/filesManage/pdfManage"
				if (item.title.includes("巡检计划")) routerUrl = "/entScheduleAddPlan"
				if (item.title.includes("巡检任务")) routerUrl = "/entScheduleAddPlan"
				if (type == "water") {
					if (item.title.includes("在线监测")) routerUrl = "/wasteWater/home"
					if (item.title.includes("自行监测")) routerUrl = "/wasteWater/survey"
					if (item.title.includes("台账")) routerUrl = "/wasteWater/order"
					if (item.title == '废水运行制度') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=124"
					if (item.title == '废水标识设置') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=125"
					if (item.title == '废水化学品培训') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=127"
					if (item.title == '废水应急演练') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=130"
				}
				if (type == "gas") {
					if (item.title.includes("在线监测")) routerUrl = "/wasteGas/home"
					if (item.title.includes("自行监测")) routerUrl = "/wasteGas/survey"
					if (item.title.includes("台账")) routerUrl = "/wasteGas/order"
					if (item.title == '废气运行制度') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=131"
					if (item.title == '废气标识设置') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=132"
					if (item.title == '废气化学品培训') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=134"
					if (item.title == '废气应急演练') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=137"
				}
				if (routerUrl.includes("?categoryMainId")) {
					routerUrl = routerUrl + "&ticketId=" + this.$store.state.token
				} else {
					routerUrl = routerUrl + "?ticketId=" + this.$store.state.token
				}
				that.$router.push(routerUrl)
			},

			getHwWasteRiskList() {
				that.ajax({
					url: 'risk/getHwWasteRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList3 = result.data
						that.formChart("main3", result.data, "危废")
					},
				})
			},

			getGasRiskList() {
				that.ajax({
					url: 'risk/getGasRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList2 = result.data
						that.formChart("main2", result.data, "废气")
					},
				})
			},

			getWaterRiskList() {
				that.ajax({
					url: 'risk/getWaterRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						//that.dataList1 = result.data
						that.formChart("main1", result.data, "废水")
					},
				})
			},


			formChart(id, dataList, title) {
				let chartDom = document.getElementById(id);
				let myChart = echarts.init(chartDom);
				let option;
				let names = []
				let datas = []

				for (let item of dataList) {
					console.log(item)
					names.push({
						name: item.title,
						max: 5
					})
					datas.push(item.score)
				}

				//console.log(datas)

				option = {

					legend: {
						show: false
					},
					radar: {
						// shape: 'circle',
						indicator: names
					},
					series: [{
						name: '',
						type: 'radar',
						data: [{
							value: datas,
							name: 'name',
							label: {
								show: true,
								formatter: function(params) {
									return params.value;
								}
							}
						}]
					}]
				};

				option && myChart.setOption(option);
			},

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.flex1 {
		flex: 1
	}
	
	.flex2 {
		flex: 2
	}
</style>